/**
 * Stylesheet dedicated to the global structure of the application's design. 
 * These style classes define the skeleton of the components and include CSS 
 * properties such as margin, padding, display type, dimensions and positioning. 
 * This idea is the one used by JQuery UI.
 * @author Clément HELIOU (clement.heliou@gmail.com)
 * @since 1.0
 */

/* Page body */
body {
	margin: 0;
	width: 100%;
}

/* Any centered content of the application */
.centeredContent{
	margin: 0px auto 0px auto;
	width: 1024px;
}

/* Any content of the application (except header & footer) */
.content{
	padding: 6px 0px 10px 4px;
}

/* Global messages areas; i.e. at the same level as the breadcrumbs for example. */
.globalMessages .ui-messages>div{
	margin: 0 10px 0 6px;
}

/* Content separator */
hr {
	clear: both;
	height: 1px;
}